<template>
    <div>

<h2>About: 计数 {{  counter }}</h2>
<button @click="increment">+1</button>
<button @click="decrement">-1</button>
</div>
</template>
<script>
import { reactive ,ref} from 'vue'
import useCounter from "../hooks/useCounter"
import useTitle from '../hooks/useTitle'
    export default {
            // 2.修改标题
        setup(){
            useTitle('关于')
                return{
            
                    ...useCounter()
                }
        }
    }
</script>
<style  scoped>
    /*局部css 支持css3 可以改变elementUI组件的样式 且组件样式调整只在本页面生效**/
    /*主样式*/
</style>